<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">        

    <h:head>
        <title>Goalkeeper E-Shop</title>
        <h:outputStylesheet library="css" name="style.css" />
    </h:head>
    <h:body>

        <div id="background">
            <br/><br/><br/><br/><br/><br/>
            <table id="table" align="center" width="75%">
                <tr>
                    <td align="center">                        
                        <br/>               
                        <h:outputText styleClass="h1" value="E-Shop Registration" />
                        <br/>                
                        <h:messages styleClass="h2" />
                        <br/>                        
                        <h:form>                            
                            <h:panelGrid columns="2">
                                <h:outputText styleClass="h3" value="Username:" />
                                <h:inputText label="username" value="#{registerBacking.username}" required="true" requiredMessage="username must not be empty" />
                                <h:outputText styleClass="h3" value="Password:" />
                                <h:inputSecret label="password" value="#{registerBacking.password}" required="true" requiredMessage="password must not be empty" />
                                <h:outputText styleClass="h3" value="Password:" />
                                <h:inputSecret label="password" value="#{registerBacking.password2}" required="true" requiredMessage="password must not be empty" />
                            </h:panelGrid>
                            <br/>
                            <h:commandButton action="#{registerBacking.register}" value="Register" />
                            <br/>
                            <br/>
                            <h:link outcome="login" value="Login"></h:link>
                            <br/>                            
                        </h:form>                       
                        <br/>
                    </td>
                </tr>
            </table>
            <br/><br/><br/><br/><br/><br/>
            <br/><br/><br/><br/><br/>
        </div>

    </h:body>
</html>
